import Markdown from "../components/Markdown";
import Background from "../components/Background";
import {Card} from "@material-ui/core";
import "./Article.scss"
import { useParams } from "react-router-dom";


function Article() {
  const url = "/md/"
  let md: any;
  ({md} = useParams());
  return (
    <div>
      <Background/>
      <div style={{position: "relative", marginTop: "-5em"}}>
        <div style={{width: "80%", marginLeft: "auto", marginRight: "auto", marginBottom: "20px"}}>
          <Card>
            <div className={"content"}>
              <Markdown md={url + md}/>
            </div>
          </Card>
        </div>
      </div>
    </div>
  )
}

export default Article;